<!doctype html>
<html lang="en">
<head>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

	<meta charset="UTF-8">
	<title>特价商品列表</title>
</head>

<body>

<div class="row">
<div class="col-md-8 col-md-offset-2">
<table class="table table-bordered table-hover" width="40" height="30">

<h3 align="center" style="color:red">活动商品特价表</h3>

<tr>
<td class="warning">商品序号</td>
<td class="warning">商品名称</td>
<td class="warning">商品类别</td>
<td class="warning">商品价格(元:)</td>

</tr>

<tr>
<td class="success">1</td>
<td class="success">盐津铺子</td>
<td class="success">食品</td>
<td class="success">散装称量</td>

</tr>

<tr>
<td class="success">2</td>
<td class="success">雪碧</td>
<td class="success">食品</td>
<td class="success">3</td>

</tr>

<tr>
<td class="success">3</td>
<td class="success">华为P10</td>
<td class="success">数码产品</td>
<td class="success">2780</td>

</tr>

<tr>
<td class="success">4</td>
<td class="success">奶粉</td>
<td class="success">母婴产品</td>
<td class="success">119</td>

</tr>

<tr>
<td class="success">5</td>
<td class="success">佳能数码照相机</td>
<td class="success">数码产品</td>
<td class="success">450</td>

</tr>

<tr>
<td class="success">6</td>
<td class="success">运动鞋</td>
<td class="success">运动户外</td>
<td class="success">285</td>

</tr>

<tr>
<td class="success">7</td>
<td class="success">领带</td>
<td class="success">时尚男品</td>
<td class="success">56</td>

</tr>

<tr>
<td class="success">8</td>
<td class="success">lv包包</td>
<td class="success">肩包</td>
<td class="success">149</td>

</tr>

<tr>
<td class="success">9</td>
<td class="success">三国演义</td>
<td class="success">图书</td>
<td class="success">10</td>

</tr>

<tr>
<td class="success">10</td>
<td class="success">刀剑神域VR游戏</td>
<td class="success">游戏动漫</td>
<td class="success">658</td>

</tr>


</table>
</div>
</div>


</body>
</html>